<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">  
    <title>商品搜索</title>
    <link rel="stylesheet" href="__PUBLIC__/Home/css/search.css">
    <include file="Public/common_js"/>
</head>
<body>
    <div class="warp">
        <div class="search">
            <div class="search-bar">
                <form action="{:U('',['local_id'=>$_GET['local_id'] ?: 1], '')}" method="get"  onSubmit="return checkSearch();">
                    <a href="javascript:void(0)" onclick="window.history.back();" class="back">取消</a>
                    <p class="input-box">
                        <input type="search" placeholder="请输入商品名称" name="keywords" value="{$keywords}">
                        <a href="javascript:void(0);" class="value-delete"></a>
                    </p>
                </form>
            </div>
            <?php if(!empty($hot_search)) { ?>

            <!--<if condition="$hot_search neq ''">-->
                <div class="search-hot">
                    <h3>热门搜索</h3>
                    <div class="hot-key">
                        <volist name="hot_search" id="vo">
                            <a href="{:U('',['local_id'=>$_GET['local_id'] ?: 1,'hotKey'=>$vo['id']], '')}?keywords={$vo.name}" data-id="{$vo.id}">{$vo.name}</a>
                        </volist>
                    </div>
                </div>
            <!--</if>-->
            <?php } ?>
            <div id="search-history-box" class="search-history">
                <h3>历史搜索<a href="javascript:void(0);" class="delete-history"></a></h3>
                <div id="search-history-list" class="history-list"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
		loadSearchRecords();
		require(['search']);
	</script>
</body>
</html>